.box,
html,
body {
  width: 100%;
  height: 100%;
}
.box {
  background: #eeeeee;
}
.box .head {
  height: 1.30666667rem;
  background: #181818;
  align-items: center;
  display: flex;
}
.box .head img {
  margin-left: 0.53333333rem;
}
.box .head p {
  color: white;
  margin-left: 3.6rem;
  font-size: 0.4rem;
}
.box .top {
  height: 3.73333333rem;
  background: white;
}
.box .top dl {
  line-height: 0.66666667rem;
  display: flex;
}
.box .top dl dt {
  margin-left: 0.73333333rem;
  margin-top: 0.66666667rem;
}
.box .top dl dd {
  margin-left: 0.26666667rem;
  margin-top: 0.66666667rem;
}
.box .top dl dd h1 {
  font-size: 0.4rem;
  font-weight: bold;
}
.box .top dl dd .p1 {
  background: url(../img/金牌.png) no-repeat left;
  padding-left: 0.46666667rem;
  color: #e2c847;
  font-size: 0.34666667rem;
}
.box .top dl dd .p2 {
  font-size: 0.4rem;
  color: grey;
}
.box .connet {
  height: 8rem;
  background: white;
  margin-top: 0.26666667rem;
}
.box .connet .connet1 {
  height: 2.13333333rem;
  background: white;
  line-height: 1.06666667rem;
  width: 8.66666667rem;
  border-bottom: 1px solid grey;
  margin: 0 auto;
}
.box .connet .connet1 .p3 {
  background: url(../img/爱心.png) no-repeat left;
  padding-left: 0.66666667rem;
  margin-left: 0.66666667rem;
  font-size: 0.4rem;
}
.box .connet .connet1 .p4 {
  margin-left: 0.66666667rem;
  font-size: 0.4rem;
  color: gray;
}
.box .connet .connet2 {
  height: 3.62666667rem;
  background: white;
  width: 8.66666667rem;
  margin: 0 auto;
}
.box .connet .connet2 .p5 {
  background: url(../img/爱心.png) no-repeat left;
  padding-left: 0.66666667rem;
  margin-left: 0.66666667rem;
  font-size: 0.4rem;
  display: flex;
  justify-content: space-between;
  line-height: 1.06666667rem;
}
.box .connet .connet2 .p5 span {
  margin-right: 0.53333333rem;
  color: #e12122;
}
.box .connet .connet2 .p6 {
  margin-left: 0.53333333rem;
  font-size: 0.4rem;
  color: gray;
  line-height: 0.66666667rem;
}
.box .bottom {
  height: 5.6rem;
  background: white;
  margin-top: 0.26666667rem;
}
.box .bottom p {
  text-align: center;
  font-size: 0.46666667rem;
  line-height: 1.6rem;
}
.box .bottom h1 {
  width: 8.66666667rem;
  margin: 0 auto;
  font-size: 0.4rem;
  line-height: 0.66666667rem;
  color: grey;
}
.box .foot {
  height: 1.30666667rem;
  background: white;
  margin-top: 0.66666667rem;
  position: fixed;
  bottom: 0;
}
.box .foot ul {
  display: flex;
}
.box .foot ul li {
  margin-left: 0.53333333rem;
  font-size: 0.46666667rem;
  margin-top: 0.26666667rem;
}
.box .foot ul li img {
  margin-right: 0.4rem;
}
.box .foot1 {
  height: 2.66666667rem;
}
